<template>
    <div class="show-wrap">
        <MiHeader></MiHeader>
        <div class="show-main">
            <Carousel></Carousel>
            <HomeHeroSub></HomeHeroSub>
        </div>
        <PageMain></PageMain>
        <SiteFooter></SiteFooter>
        <SiteInfo></SiteInfo>
    </div>
</template>

<script>
import MiHeader from './MiHeader.vue';
import Carousel from './Carousel';
import HomeHeroSub from './HomeHeroSub.vue';
import PageMain from './PageMain';
import SiteFooter from './SiteFooter';
import SiteInfo from './SiteInfo';

export default {
    name: 'ShowWrap',
    components: {MiHeader, Carousel, HomeHeroSub, PageMain, SiteFooter, SiteInfo}
}
</script>

<style lang="less">
.show-wrap {
    position: relative;
    min-width: 1226px;
    font-size: 16px;
    color: #fff;

    .show-main {
        width: 1226px;
        margin: auto;
        box-sizing: border-box;
        padding-bottom: 25px;
    }
}
</style>